<script setup lang="ts">
import type { IssuingInvoicesHistoryItemData } from '@/types/api'

defineProps<{
  data: IssuingInvoicesHistoryItemData
}>()
</script>

<template>
  <view class="mb-30rpx overflow-hidden rounded-20rpx">
    <view class="bg-white p-30rpx">
      <view class="flex items-center justify-between">
        <view class="flex items-center">
          <image class="h-25rpx w-25rpx" src="@/static/images/clock_gray_fill.png" />
          <Spacer width="10" />
          <view class="text-26rpx text-#C6C7CC font-medium leading-26rpx">
            {{ data.start_time || '未知' }}
          </view>
        </view>
        <view class="text-24rpx text-#333333 font-medium leading-24rpx">
          {{ data.status === 1 ? '未开票' : '已开票' }}
        </view>
      </view>
      <Spacer height="36" />
      <view class="flex items-center justify-between">
        <view class="flex items-center">
          <view class="text-28rpx font-medium leading-28rpx">
            {{ data.type === 1 ? '城际订单' : '叫车订单' }}
          </view>
          <Spacer width="30" />
          <view class="text-24rpx text-#999999 font-medium leading-24rpx">
            电子发票
          </view>
        </view>
        <view class="flex items-baseline">
          <view class="text-34rpx text-#F53B25 font-bold leading-34rpx">
            {{ data.pay_money || '0' }}
          </view>
          <view class="text-24rpx text-#333333 font-medium">
            元
          </view>
        </view>
      </view>
    </view>
    <!-- <view class="bg-#EFEFEF px-30rpx py-26rpx text-28rpx text-#999999">
      共1张发票，包含1个行程
    </view> -->
  </view>
</template>
